<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Basic Layout - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="css/easyui.css">
    <link rel="stylesheet" type="text/css" href="css/icon.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
    <script src="js/vue.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px;text-align: center;">
    <h1 style="margin-top:0px;">考核成绩统计系统</h1>
</div>
<div data-options="region:'west',split:true,title:'菜单'" style="width:210px;padding:10px;">
    <div id="sm" class="easyui-sidemenu" data-options="data:data,onSelect:itemTo" style="width:180px"></div>
</div>
<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;text-align: center;">copyright by yin</div>
<div id="dv" data-options="region:'center'" th:title="${title}">
    <div th:replace="${uri}"></div>
</div>
<script type="text/javascript">
    function itemTo(item){
        //window.location.href='main.html?uri='+item.id;
        document.write("<form name='toUrl' action='main.html' method='post'>");
        document.write("<input type='hidden' name='uri' value='"+item.id+"'/>");
        document.write("<input type='hidden' name='title' value='"+item.text+"'/>");
        document.write("<input type='hidden' name='sid' value='"+item.sid+"'/>");
        document.write("</form>");
        document.toUrl.submit();
    }

    let data = [{
        text: '用户管理',
        iconCls: 'icon-sum',
        state: 'open',
        children: [{
            text: '用户列表',
            id: 'user/list',
            sid: 1
        },{
            text: '用户权限',
            id: 'user/auth',
            sid: 2
        }]
    },{
        text: '训练管理',
        iconCls: 'icon-more',
        state: 'open',
        children: [{
            selected:true,
            text: '训练项目',
            id:'project/list',
            sid: 3
        },{
            text: '训练成绩',
            id:'exam/list',
            sid: 4
        },{
            text: '列表3',
            id:'test1',
            sid: 5
        }]
    }];
    $(function () {
        $("#_easyui_tree_"+[[${sid}]]).css("background-color","#ffe48d");//左侧菜单选中样式
    });
</script>

</body>
</html>